<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>经纪人列表</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/content.css" />
		<link rel="stylesheet" href="css/container.css" />
		<link rel="stylesheet" href="css/list.css">
		<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	</head>

	<body>
	<header>
		<script type="text/javascript">jQuery.get("http://123.207.115.103:8100/header",function(data){jQuery("header").html(data)});</script>
	</header>

		<!--展示经理人列表-->
		<!--头部 搜索选项-->
		<div class="filter">
			<div class="container">
				<div class="filter-rows">
					<div class="filter-row-mutual">
						<dl class="clear">
							<dt>行业筛选：</dt>
							<dd>
								<div>
									<a href="#">不限</a>
									<a href="#">行业1</a>
									<a href="#">行业2</a>
									<a href="#">行业3</a>
									<a href="#">行业4</a>
									<a href="#">行业5</a>
									<a href="#">行业6</a>
									<a href="#">行业7</a>
									<a href="#">行业8</a>
								</div>
							</dd>
						</dl>
					</div>

					<div class="filter-row-multiple">
						<dl>
							<dt>级别筛选：</dt>
							<dd>
								<div class="items">
									<a href="#">
										<input type="checkbox" name="rank" checked="checked" id="rank1" value="级别一" />
										<label >级别一</label>
									</a>
									<a href="#">
										<input type="checkbox" name="rank" id="rank2" value="级别二" />
										<label >级别二</label>
									</a>
									<a href="#">
										<input type="checkbox" name="rank" id="rank3" value="级别三" />
										<label >级别三</label>
									</a>
									<a href="#">
										<input type="checkbox" name="rank" id="rank4" value="级别四" />
										<label >级别四</label>
									</a>
								</div>
							</dd>
						</dl>
					</div>

					<div class="filter-row-sort">
						<div>
							<span>排序：</span>
							<div class="sort-items">
								<div class="sort-item on">
									<a href="#">
										<span>默认</span>
									</a>
								</div>
								<div class="sort-item">
									<a href="#">
										<span>综合评分从高到低</span>
									</a>
								</div>
								<div class="sort-item">
									<a href="#">
										<span>成交量从高到低</span>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--内容 列表-->
		<div class="manager-list clear">
			<!--<div class="container">-->
				<!--<div class="list-head"></div>-->
					<!--<span>选择：<span><a>不限</a>&nbsp;/&nbsp;<a class="on">经纪人</a>&nbsp;/&nbsp;<a>中介机构</a>-->
			<!--</div>-->
			
			<div class="container">
				<ul class="list-body" >
					<li th:if="${listBroker}" th:each="broker:${listBroker}" >
						<div class="headpic">
							<a target="_blank" th:href="@{/showBroker(id=${broker.id})}">
								<img th:if="${broker.photo}" th:src="${broker.photo}">
							</a>
						</div>

						<div class="info">
							<div class="info-name">
								<a target="_blank" th:href="@{/showBroker(id=${broker.id})}">
									<div th:if="${broker.name}" th:text="${broker.name}"></div>
								</a>
								<span>PM</span>
							</div>

							<div class="info-panel">
								<div class="advantage">
									<span>擅长领域:&nbsp;&nbsp;</span>
									<span>
										<a target="_blank" href="#" th:if="${broker.field}" th:text="${broker.field}">&nbsp;</a>

									</span>
					  			</div>

								<div class="evaluate">
									<a target="_blank" href="#">综合评分<span th:if="${broker.score}" th:text="${broker.score}">  </span></a>
									<a target="_blank" href="#">累计评价<span> 81 </span> 条</a>
								</div>

								<div class="tag">
									<span>WSN主力</span>
									<span>高级经理</span>
								</div>
							</div>

							<div class="info-tel">
								<div th:if="${broker.contact}" th:text="${broker.contact}"></div>
								<p>联系方式</p>
							</div>
						</div>
					</li>				

					<!--底部页码-->
					<div class="page-button">
						<a class="on" href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
					</div>
				</ul>
			</div>
		</div>

		<footer>
			<div class="footer-middle">
				<div class="container">
					<div class="row">
						版权所有：Copyright © 2018 WSN
					</div>
				</div>
			</div>
		</footer>
	</body>

</html>